<template>
	<view class="file-list">
		<view class="" v-if="list.length!=0">
			<view class="item" v-for="item in list" @click="handDetails(item)" :key='item.recordId'>
				<view class="title-text">
					{{item.recordName||'无'}}
				</view>
				<view class="type">
				{{item.recodeType}}
				</view>
				<view class="content-text cont">
					{{item.workExperience||'无'}}
				</view>
			</view>
			<view class="mb-30 mt-30">
				<u-loadmore bg-color='#F7F7F7' :status="status" />
			</view>
		</view>
		<u-empty margin-top='20' font-size='24' icon-size='80' :show='list.length==0' :text="onMsg"></u-empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			onMsg:{
				type:String,
				default:'暂无数据'
			},
			showIcon: {
				type: Boolean,
				default: true,
			},
			status: {
				type: String,
				default: 'nomore',
			},
			list: {
				type: Array,
				default: () => []
			},
			props: {
				type: Object,
				default: () => {}
			},
		},
		methods: {
			handDetails(item) {
				this.$emit('handDetails',item)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.file-list {
		.item {
			padding: 40rpx 30rpx;
			background: #FFFFFF;
			box-shadow: 0 0 26px 0 rgba(18, 27, 83, 0.07);
			border-radius: $bs-border-radius-12;
			margin-bottom: 30rpx;

			.cont {
				@include ellipsisMultiline(3)
			}
		}

		.type {
			margin-top: 14rpx;
			margin-bottom: 20rpx;
			color: $bs-text-color-999;
			font-size: $bs-font-size-24;
		}
	}
</style>
